@import '@/lib/reset.scss';



.allmv{
    @include rect(1200px,1600px);
    margin: 0 auto;
    .mvtitle{
        @include rect(1200px,65px);
        background-color:white;
        h1{
            font-size: 24px;
            line-height: 65px;
            float: left;
        }
        .active{
            @include text-color(#fff);
            @include background-color(#31c27c);
            &:hover{
                @include text-color(#fff);
                cursor:pointer;
            }
        }
        span{
            float: right;
            @include font-size(14px);
            @include rect(60px,38px);
            border: 1px solid #c9c9c9;
            border-right:0;
            text-align: center;
            line-height: 38px;
            margin-top: 12px; 
        }
        span:nth-child(2){
            border-left: 0;
            border-right: 1px solid #c9c9c9;
        }
    }
    .mv-content{
        @include rect(1200px,1426px);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li{
            @include rect(285px,235px);
            img{
                display: block;
                @include rect(285px,160px);
            }
            .songname{
                @include rect(285px,14px);
                margin-top: 16px;
                line-height: 14px;
                font-size: 14px;               
            }
            .singer{
                @include rect(285px,30px);
                line-height: 30px;
                font-size: 14px;
                color: #999999;
            }
            .play{
                @include rect(285px,14px);
                font-size: 14px;
                line-height: 14px;
                color: #999999;
                float: left;
                span{
                    float: right;
                    margin-right: 114px;
                }
            }
        }      
    }
}